﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<%@ Import Namespace="TotalNews.Models" %>
<%ItemRepository ir = new ItemRepository(); %>
<%foreach (var item in ir.GetCategories(1))
  {%>
    <div class="article_row cols3 row-first ja-zin<%=Themes.Instace.GetTheme(item.ID).Name %> clearfix">
    <div class="ja-zinsec clearfix show">
        <h2>
            <a href="/Item/News/<%=item.ID %>" title="<%=item.CategoryName %>"><span><%=item.CategoryName %></span>
            </a>
        </h2>
        <span class="ja-mdtool">
            <img   style="cursor: pointer;" src="/Content/files/icon-max.gif"></span><span
                style="cursor: move;" class="ja-mdmover">Move</span></div>
    <div class="ja-mod-content">
        <div style="margin: 0pt; padding: 0pt; overflow: hidden; height: 287px;" class="ja-mod-inner">
        <%-- Lay tat ca cac tin con--%>
            <%foreach (var subitem in ir.GetCategoriesById(item.ID))
              {%>
                    <div class="article_column column1 col-first">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="/Item/News/<%=subitem.ID %>"><span><%=subitem.CategoryName %></span> </a>
                            </h3>
                        </div>
                        <%foreach (var newsitem in ir.GetOneItemByCateId(subitem.ID))
                          {%>
                                          <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img style="width:160px;height:80px" src="<%=newsitem.ImageUrl %>" alt="<%=newsitem.Title %>" />
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="/Item/Details/<%=newsitem.Id %>" title="Alt cho ..."><%=newsitem.Title %></a></h4>
                            <p>
                                <%=newsitem.Description %>
                            </p>
                        </div>
                          <%} %>
                        

                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                        <%foreach (var afternewitem in ir.GetItemAfterNewsByCateId(subitem.ID))
                          {%>
                                <li><a title="<%=afternewitem.Title %>" href="/Item/Details/<%=afternewitem.Id %>"><%=afternewitem.Title%></a> </li>
                          <%} %>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
              <%} %>

        </div>
    </div>
</div>  
  <%} %>

<%--<div class="article_row cols3 row-first ja-zintheme-red clearfix">
    <div class="ja-zinsec clearfix show">
        <h2>
            <a href="http://#vzdemo" title="Xã hội thiệt là phức tạp :D"><span>Xã hội</span>
            </a>
        </h2>
        <span class="ja-mdtool">
            <img id="Img10" runat="server" style="cursor: pointer;" src="/Content/files/icon-max.gif"></span><span
                style="cursor: move;" class="ja-mdmover">Move</span></div>
    <div class="ja-mod-content">
        <div style="margin: 0pt; padding: 0pt; overflow: hidden; height: 287px;" class="ja-mod-inner">
            <div class="article_column column1 col-first">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho Pháp luật"><span>Pháp luật</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img11" runat="server" src="/Content/files/eu-8_160_80.jpg" alt="Consequat id Nam augue" />
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Bỏ tù 2 thằng điên</a></h4>
                            <p>
                                Hôm nay viện kiểm sát TPHCM đã cho 2 thằng điên ra đảo vì tội ...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Luật chống giết heo</a> </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Luật chống ăn gà ta</a> </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Luật ................</a> </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article_column column2">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Phóng sự - Kí sự</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img12" runat="server" src="/Content/files/us-8_160_80.jpg" alt="Phóng sự 2 con cóc">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Phóng sự 2 con cóc</a></h4>
                            <p>
                                Phóng sự 2 con cóc...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Phóng sự 2 con cóc</a> </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Phóng sự 2 con cóc</a> </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Phóng sự 2 con cóc</a> </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article_column column3 col-last">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Môi trường</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img13" runat="server" src="/Content/files/mi-5_160_80.jpg" alt="Alt cho ..." />
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Ô nhiễm ơi là ô nhiễm :))</a></h4>
                            <p>
                                Ô nhiễm ơi là ô nhiễm :)) Ô nhiễm ơi là ô nhiễm :)) ...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Ô nhiễm ơi là ô nhiễm :))</a> </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Ô nhiễm ơi là ô nhiễm :))</a> </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Ô nhiễm ơi là ô nhiễm :)) </a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="article_row cols3 ja-zintheme-deepblue clearfix">
    <div class="ja-zinsec clearfix show">
        <h2>
            <a href="http://#vzdemo" title="Alt cho ..."><span>Thể Thao</span> </a>
        </h2>
        <span class="ja-mdtool">
            <img id="Img14" runat="server" style="cursor: pointer;" src="/Content/files/icon-max.gif"></span><span
                style="cursor: move;" class="ja-mdmover">Move</span></div>
    <div class="ja-mod-content">
        <div style="margin: 0pt; padding: 0pt; overflow: hidden; height: 329px;" class="ja-mod-inner">
            <div class="article_column column1 col-first">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Bóng đá trong nước</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img15" runat="server" src="/Content/files/football-8_160_80.jpg" alt="Feugiat convallis turpis massa">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Feugiat convallis turpis massa</a></h4>
                            <p>
                                Nulla orci sagittis pretium neque sapien orci null...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Lacinia vitae In ante ipsum</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Libero euismod ac orci condimentum</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Tortor pretium orci semper platea</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article_column column2">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Bóng đá quốc tế</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img16" runat="server" src="/Content/files/football-8_160_80.jpg" alt="Lobortis rhoncus porttitor Nunc Cum">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Lobortis rhoncus porttitor Nunc Cum</a></h4>
                            <p>
                                Pellentesque vitae Quisque Suspendisse consequat i...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Semper Sed eros dolor condimentum congue</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Trapped on the tarmac? Try these escape
                                    tips</a> </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">How to avoid the hazards of booking
                                    online</a> </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article_column column3 col-last">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Cup châu âu</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img17" runat="server" src="/Content/files/football-8_160_80.jpg" alt="Porttitor fringilla sed natoque">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Porttitor fringilla sed natoque</a></h4>
                            <p>
                                Neque tortor aliquam pretium fringilla pretium a d...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">o Bóng đá Anh</a> </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">o Bóng đá Ý</a> </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">o Bóng đá TBN</a> </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="article_row cols3 ja-zintheme-pink clearfix">
    <div class="ja-zinsec clearfix show">
        <h2>
            <a href="http://#vzdemo" title="Alt cho ..."><span>Văn hóa - Giải trí</span> </a>
        </h2>
        <span class="ja-mdtool">
            <img id="Img18" runat="server" style="cursor: pointer;" src="/Content/files/icon-max.gif"></span><span
                style="cursor: move;" class="ja-mdmover">Move</span></div>
    <div class="ja-mod-content">
        <div style="margin: 0pt; padding: 0pt; overflow: hidden; height: 319px;" class="ja-mod-inner">
            <div class="article_column column1 col-first">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Âm nhạc</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img19" runat="server" src="/Content/files/fashion-7_160_80.jpg" alt="Rhoncus tellus eros enim netus">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Rhoncus tellus eros enim netus</a></h4>
                            <p>
                                Et urna consectetuer malesuada vel In natoque ridi...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Enim sollicitudin habitasse Nam</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Lobortis rhoncus porttitor Nunc Cum</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">In condimentum mauris Integer</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article_column column2">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Phim</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img20" runat="server" src="/Content/files/drink-6_160_80.jpg" alt="Vestibulum sem wisi eu at et Morbi congue">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Vestibulum sem wisi eu at et Morbi congue</a></h4>
                            <p>
                                Ipsum sagittis venenatis Phasellus pretium pretium...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Tristique vitae rutrum semper</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Morbi congue ac sapien sit</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Vestibulum sem wisi eu at et Morbi
                                    congue</a> </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article_column column3 col-last">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Thời trang</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img21" runat="server" src="/Content/files/home-2_160_80.jpg" alt="Curabitur euismod tincidunt Aenean ante">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Curabitur euismod tincidunt Aenean ante</a></h4>
                            <p>
                                Sem tincidunt urna amet eros nec metus elit nibh s...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Ipsum sagittis venenatis Phasellus</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Auctor et Sed at sodales</a> </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">At et ac pretium Sed senectus</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="article_row cols3 ja-zintheme-green clearfix">
    <div class="ja-zinsec clearfix show">
        <h2>
            <a href="http://#vzdemo" title="Alt cho ..."><span>Du Lịch</span> </a>
        </h2>
        <span class="ja-mdtool">
            <img id="Img22" runat="server" style="cursor: pointer;" src="/Content/files/icon-max.gif"></span><span
                style="cursor: move;" class="ja-mdmover">Move</span></div>
    <div class="ja-mod-content">
        <div style="margin: 0pt; padding: 0pt; overflow: hidden; height: 315px;" class="ja-mod-inner">
            <div class="article_column column1 col-first">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Điểm du lịch</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img23" runat="server" src="/Content/files/football-8_160_80.jpg" alt="Congue mattis justo Fusce sed">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Congue mattis justo Fusce sed</a></h4>
                            <p>
                                Justo ligula nonummy ante nibh Duis sem egestas vo...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Tincidunt vestibulum justo</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Volutpat euismod tincidunt</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Barcelona 3-0 Sporting Gijon</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article_column column2">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Điểm ăn chơi</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img24" runat="server" src="/Content/files/cricket-8_160_80.jpg" alt="Quisque odio adipiscing nullam">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Quisque odio adipiscing nullam</a></h4>
                            <p>
                                Nibh risus Aenean porttitor pretium sem tempus vit...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Habitant lobortis vitae pretium vitae</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Nibh metus vel diam et consectetuer
                                    est</a> </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Tortor pretium ipsum Maecenas</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article_column column3 col-last">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Điểm ăn nhậu</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img25" runat="server" src="/Content/files/tennis-8_160_80.jpg" alt="Penatibus laoreet consectetuer">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Penatibus laoreet consectetuer</a></h4>
                            <p>
                                Integer eros sed Ut id Quisque odio adipiscing Nul...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Donec Curabitur consequat</a> </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Ut id Quisque odio adipiscing</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Fringilla Maecenas libero ut faucibus</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="article_row cols3 ja-zintheme-cyan clearfix">
    <div class="ja-zinsec clearfix show">
        <h2>
            <a href="http://#vzdemo" title="Alt cho ..."><span>Nhịp sống số</span> </a>
        </h2>
        <span class="ja-mdtool">
            <img id="Img26" runat="server" style="cursor: pointer;" src="/Content/files/icon-max.gif"></span><span
                style="cursor: move;" class="ja-mdmover">Move</span></div>
    <div class="ja-mod-content">
        <div style="margin: 0pt; padding: 0pt; overflow: hidden; height: 319px;" class="ja-mod-inner">
            <div class="article_column column1 col-first">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Vi tính</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img27" runat="server" src="/Content/files/e-17_160_80.jpg" alt="Sed Phasellus laoreet condimentum">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Sed Phasellus laoreet condimentum</a></h4>
                            <p>
                                Sem laoreet congue Sed Phasellus laoreet condiment...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Magnis nibh fringilla Vivamus</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Vestibulum nec Phasellus facilisi</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Quis eros nisl leo Duis pede</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article_column column2">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Điện thoại</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img28" runat="server" src="/Content/files/tv-6_160_80.jpg" alt="Ultrices Phasellus">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Ultrices Phasellus</a></h4>
                            <p>
                                Vestibulum nec Phasellus facilisi Sed quis fames t...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Interdum quis Nam et id nulla</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Congue condimentum orci id et</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Fames Ut lorem at est tincidunt</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article_column column3 col-last">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Thủ thuật</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img29" runat="server" src="/Content/files/music-7_160_80.jpg" alt="Nulla molestie congue">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Nulla molestie congue</a></h4>
                            <p>
                                Nunc adipiscing neque platea vitae Nulla molestie ...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Vestibulum et eu</a> </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Tempor magnis tincidunt euismod</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Nam feugiat est dolor leo</a> </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="article_row cols3 ja-zintheme-lime clearfix">
    <div class="ja-zinsec clearfix show">
        <h2>
            <a href="http://#vzdemo" title="Alt cho ..."><span>Kinh doanh</span> </a>
        </h2>
        <span class="ja-mdtool">
            <img id="Img30" runat="server" style="cursor: pointer;" src="/Content/files/icon-max.gif"></span><span
                style="cursor: move;" class="ja-mdmover">Move</span></div>
    <div class="ja-mod-content">
        <div style="margin: 0pt; padding: 0pt; overflow: hidden; height: 347px;" class="ja-mod-inner">
            <div class="article_column column1 col-first">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Chứng khoán</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img31" runat="server" src="/Content/files/health-7_160_80.jpg" alt="Aliquam pretium Aenean">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Aliquam pretium Aenean</a></h4>
                            <p>
                                Vestibulum massa cursus at in ut dui massa et semp...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Phasellus suscipit ante leo</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Nam nibh adipiscing turpis</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Peanut-free night lets allergic kids
                                    enjoy game</a> </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article_column column2">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Thị trường</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img32" runat="server" src="/Content/files/diet-6_160_80.jpg" alt="Turpis nonummy id Cras et">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Turpis nonummy id Cras et</a></h4>
                            <p>
                                Non Praesent elit convallis malesuada ac Donec ac ...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Condimentum mauris interdum velit</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Nutrition -- It's a matter of fact</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Three Deaths... by Infected Hamster?</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article_column column3 col-last">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Doanh nghiệp</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img33" runat="server" src="/Content/files/family-1_160_80.jpg" alt="Feds Back Stem Cell Surgery for Vets">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Feds Back Stem Cell Surgery for Vets</a></h4>
                            <p>
                                Metus massa semper accumsan Cras egestas risus eni...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Help for aging parents is clicks away</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">New Nerve Disorder From Pig Brain Mist</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Drinking, Smoking May Hasten Alzheimer's</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="article_row cols3 ja-zintheme-orange clearfix">
    <div class="ja-zinsec clearfix show">
        <h2>
            <a href="http://#vzdemo" title="Alt cho ..."><span>Khoa học - Giáo dục</span> </a>
        </h2>
        <span class="ja-mdtool">
            <img id="Img34" runat="server" style="cursor: pointer;" src="/Content/files/icon-max.gif"></span><span
                style="cursor: move;" class="ja-mdmover">Move</span></div>
    <div class="ja-mod-content">
        <div style="margin: 0pt; padding: 0pt; overflow: hidden; height: 347px;" class="ja-mod-inner">
            <div class="article_column column1 col-first">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Khoa học</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img35" runat="server" src="/Content/files/pt-5_160_80.jpg" alt="Alt cho ...">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Khoa học khoa học</a></h4>
                            <p>
                                Khoa học khoa học Khoa học khoa học Khoa học khoa học...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Khoa học khoa học</a> </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Khoa học khoa học</a> </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Khoa học khoa học Khoa học khoa học</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article_column column2">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Tuyển sinh</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img36" runat="server" src="/Content/files/tech-16_160_80.jpg" alt="Magna convallis egestas">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Magna convallis egestas</a></h4>
                            <p>
                                eo ornare egestas pretium odio Nam cursus odio et ...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Interdum sagittis velit</a> </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Nunc lacus quis dui adipiscing</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Morbi faucibus et</a> </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article_column column3 col-last">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Du học</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img37" runat="server" src="/Content/files/space-5_160_80.jpg" alt="Morbi nibh Vestibulum venenatis nunc">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Morbi nibh Vestibulum venenatis nunc</a></h4>
                            <p>
                                Nam Aenean tortor Suspendisse tellus tempus suscip...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">At laoreet eu lacus non Curabitur leo
                                    dui ut nibh</a> </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Augue nunc at neque vitae metus vel</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">In et et justo Donec amet velit sem
                                    cursus velit</a> </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="article_row cols3 row-last ja-zintheme- clearfix">
    <div class="ja-zinsec clearfix show">
        <h2>
            <a href="http://#vzdemo" title="Alt cho ..."><span>Sức khỏe – giới tính</span> </a>
        </h2>
        <span class="ja-mdtool">
            <img id="Img38" runat="server" style="cursor: pointer;" src="/Content/files/icon-max.gif"></span><span
                style="cursor: move;" class="ja-mdmover">Move</span></div>
    <div class="ja-mod-content">
        <div style="margin: 0pt; padding: 0pt; overflow: hidden; height: 305px;" class="ja-mod-inner">
            <div class="article_column column1 col-first">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Tình yêu - Gia đình</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img39" runat="server" src="/Content/files/art-4_160_80.jpg" alt="Sed tempus pretium pretium">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Sed tempus pretium pretium</a></h4>
                            <p>
                                Ante quis et nunc iaculis ligula urna porttitor pe...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Dolor dapibus Phasellus</a> </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Ultrices semper sapien odio</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Egestas Phasellus leo porttitor</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article_column column2">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Kiến thức giới tính</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img40" runat="server" src="/Content/files/architecture-8_160_80.jpg" alt="Sapien Nam eleifend sed pellentesque">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Sapien Nam eleifend sed pellentesque</a></h4>
                            <p>
                                At Pellentesque id quis malesuada Aenean id Curabi...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Feugiat auctor et eros Integer</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Phasellus pede id magna mauris</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Nec justo Ut et at risus</a> </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="article_column column3 col-last">
                <div class="ja-box column ja-zintheme">
                    <div class="inner clearfix">
                        <div class="ja-zincat clearfix">
                            <h3>
                                <a href="http://#vzdemo" title="Alt cho ..."><span>Làm đẹp</span> </a>
                            </h3>
                        </div>
                        <div class="ja-zincontent clearfix">
                            <div class="ja-zinimg" style="width: 160px; height: 80px;">
                                <img id="Img41" runat="server" src="/Content/files/design-8_160_80.jpg" alt="Nunc Cras tincidunt mi vestibulum">
                            </div>
                            <h4 class="ja-zintitle">
                                <a href="http://#vzdemo" title="Alt cho ...">Nunc Cras tincidunt mi vestibulum</a></h4>
                            <p>
                                Cursus senectus aliquet pretium at tristique hac u...
                            </p>
                        </div>
                        <div class="ja-zinlinks">
                            <strong>More:</strong>
                            <ul>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Aliquet egestas aliquam vel</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Aenean pharetra faucibus eu</a>
                                </li>
                                <li><a title="Alt cho ..." href="http://#vzdemo">Enim montes parturient</a> </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>--%>
